<!--
 * @Author: your name
 * @Date: 2021-08-02 00:14:12
 * @LastEditTime: 2021-11-20 01:05:22
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \aircityinit\src\views\Home.vue
-->
<template>
  <div
    class="home"
    v-loading="
      tdlybgdcLoading ||
        ldLoading ||
        jzLoading ||
        gtkjJbntLoading ||
        gtkjLystLoading ||
        gtkjCzkfLoading ||
        gtkjHystLoading ||
        tdcrqkLoading ||
        tdlyJsydLoading ||
        tdlyQmdltbLoading ||
        cbtdLoading || 
        yqxyfwLoading ||
        cunluoLoading ||
        yjsyLoading ||
        wdlygdLoading ||
        yjjbntLoading ||
        drawLoading ||
        importLoading||
        highlightLoading
    "
    element-loading-text="图层正在加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.4)"
  >
    <Player />
    <Header />
    <router-view />
  </div>
</template>

<script>
import { getMockData } from "../../api/connect";
import Player from "@/components/player/player";
import Header from "@/components/Header/header";
import { mapState } from "vuex";

export default {
  name: "Home",

  data() {
    return {};
  },
  computed: {
    ...mapState("Sjsx", [
      "tdlybgdcLoading",
      "ldLoading",
      "jzLoading",
      "gtkjJbntLoading",
      "gtkjLystLoading",
      "gtkjCzkfLoading",
      "gtkjHystLoading",
      "tdcrqkLoading",
      "tdlyJsydLoading",
      "tdlyQmdltbLoading",
      "cbtdLoading",
      "yqxyfwLoading",
      "cunluoLoading",
      "yjsyLoading",
      "wdlygdLoading",
      "yjjbntLoading",
      "drawLoading",
      "importLoading",
      "highlightLoading"
    ]),
  },
  watch: {},
  methods: {
    async get() {
      const result = await getMockData();
      console.log(result);
    },
  },
  created() {},
  mounted() {
    this.get();
  },
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: {
    Player,
    Header,
  },
};
</script>

<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
</style>
